<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="plugins/laypage/skin/laypage.css">
    <link rel="stylesheet" href="plugins/layer/skin/default/layer.css">
    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="plugins/laypage/laypage.js"></script>
    <script src="plugins/layer/layer.js"></script>
    <script src="tablepage.js"></script>
</head>

<body>
<table id="datatable" data-url="">
</table>
<script>
    var cols=new Array();
    col1={};
    col1.name ="人物";
    col1.field="person";
    col1.width="100";
    col1.render="rd";
    cols.push(col1);
    col2={};
    col2.name ="民族";
    col2.field="nation";
    col2.width="100";
    col2.render="rd1";
    cols.push(col2);
    col3={};
    col3.name ="备注";
    col3.field="detail";
    col3.width="200";
    col3.render="rd2";
    cols.push(col3);

    var rows=new Array();
    row1={};
    row1.person="岳飞";
    row1.nation="汉";
    row1.detail="是个好人，是个英雄！";
    rows.push(row1);
    row2={};
    row2.person="韩信";
    row2.nation="汉";
    row2.detail="是个好人，是个英雄！";
    rows.push(row2);
    $("#datatable").tablepage(cols,10);
</script>

</body>
</html>
